<template>
  <q-toolbar :class="$q.dark.mode ? 'q-dark' : 'bg-grey-1 text-black'">
    <q-toolbar-title>
      <div class="flex items-center justify-center">
        <div class="text-caption">
          © 2024
          <a
            href="#"
            target="_blank"
            :class="$q.dark.mode ? 'text-white' : 'text-black'"
            >YuanBlog™</a
          >. All Rights Reserved.
        </div>
        <div class="text-caption">
          Provided by
          <a
            href="https://www.wangijun.com/about/"
            target="_blank"
            :class="$q.dark.mode ? 'text-white' : 'text-black'"
          >
            WLF</a
          >
        </div>
      </div>
    </q-toolbar-title>
  </q-toolbar>
</template>

<script setup lang="ts">
import { useQuasar } from 'quasar';

const $q = useQuasar();
</script>

<style scoped></style>
